<!--
  Generated template for the MyListDemoPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar no-border-bottom>
    <ion-buttons left>
      <button ion-button icon-only color="royal" (click)="dismiss()">
        <ion-icon name="arrow-back"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>my-list-demo</ion-title>
  </ion-navbar>
</ion-header>


<ion-content fullscreen>
  <ion-list>
    <ion-item *ngFor="let item of items" (click)="goDetails(item.tds)">
      <ion-avatar item-left>
        <img src="http://placehold.it/600/771796">
      </ion-avatar>
      <h2>{{item?.tds.userName.value}}</h2>
      <p>ID：{{item?.tds.cId.value}}</p>
    </ion-item>
    <ion-item text-center *ngIf="!hasMore">
      <h2>没有信息了</h2>
    </ion-item>
  </ion-list>

  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
